/**
 * Delete Site Options
 */

.delete-site-options__section-title {
	margin-bottom: 16px;
	font-size: 21px;
	font-weight: 300;
	line-height: 24px;
	color: $gray-dark;
}

.delete-site-options__section-desc {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 18px;
	color: $gray-dark;
}

.delete-site-options__section-footnote {
	margin-bottom: 0;
	font-size: 13px;
	color: $gray-text-min;
	font-style: italic;
}

.delete-site-options__container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

	&::after {
		display: none;
	}

	@include breakpoint( ">480px" ) {
		&.is-compact {
			padding: 24px;
		}
	}
}

.delete-site-options__content {
	flex: 0 1 auto;

	@include breakpoint( ">480px" ) {
		max-width: 460px;
	}
}

.delete-site-options__link,
.delete-site-options__link:hover,
.delete-site-options__link:active,
.delete-site-options__link:visited {
	color: inherit;
}

.delete-site-options__link:hover {
	.delete-site-options__noticon {
		color: lighten( $gray, 10% );
	}
}

.delete-site-options__option-marker {
	flex: 0 0 auto;
	padding-left: 24px;
}

.delete-site-options__arrow {
	transform: rotate( -90deg );
}

.delete-site-options__noticon {
	font-size: 36px;
	color: lighten( $gray, 20% );
	line-height: 48px;
	cursor: pointer;
}
